<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css//style.css">
    <title>个人博客</title>
</head>

<body>
    <nav>
        <div class="container clearfix">
            <h4><a href="">个人博客</a></h4>
            <div class="far"><i class="fa fa-navicon (alias)"></i></div>
            <ul class="clearfix fax">
                <li class="active"><a href="">网站首页</a></li>
                <li><a href="">个人博客日记</a></li>
                <li class="down">
                    <a href="">网站制作<i class="fa fa-angle-down"></i></a>
                    <ul class="sub">
                        <li><a href="">CSS3|Html5</a></li>
                        <li><a href="">网站建设</a></li>
                        <li><a href="">推荐工具</a></li>
                    </ul>
                </li>
                <li><a href="">设计心得</a></li>
                <li><a href="">关于我</a></li>
                <li><a href="">时间轴</a></li>
                <li><a href="">博客导航</a></li>
                <li><a href="">留言</a></li>
            </ul>
            <div class="search">
                <a href=""><img src="images/bg.png" alt=""></a>
            </div>
        </div>
    </nav>
    <main>
        <div class="container clearfix">
            <div class="left clearfix">
                <div class="one clearfix">
                    <div class="lunbo">
                        <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
                            <ol class="carousel-indicators">
                                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                            </ol>
                            <div class="carousel-inner">
                                <div class="carousel-item active">
                                    <img src="images//1.jpg" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="images/2.jpg" alt="...">
                                </div>
                                <div class="carousel-item">
                                    <img src="images/4.jpg" alt="...">
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="#carouselExampleFade" role="button"
                                data-slide="prev">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="#carouselExampleFade" role="button"
                                data-slide="next">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                    <div class="heardline">
                        <ul>
                            <li>
                                <a href="">
                                    <img src="images/h1.jpg" alt="">
                                    <span>为什么说10月24日是程序员的节日？</span>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="images/h2.jpg" alt="">
                                    <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="cards">
                    <div class="text_1">
                        <ul class="clearfix">
                            <li class="active">个人博客日记</li>
                            <li>CSS3|Html5</li>
                            <li>网站建设</li>
                            <li>推荐工具</li>
                            <li>设计心得</li>
                        </ul>
                    </div>
                    <div class="tab">
                        <div class="left">
                            <ul>
                                <li>
                                    <a href="">
                                        <img src="images/4.jpg" alt="">
                                        <span>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <img src="images/2.jpg" alt="">
                                        <span>个人博客，属于我的小世界！</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="rights">
                            <div class="content">
                                <ul>
                                    <li class="active">
                                        <i>1</i>
                                        <a href="">安静地做一个爱创新的女子</a>
                                        <p>自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片
                                        </p>
                                    </li>
                                    <li>
                                        <i>2</i>
                                        <a href="">电话以外的宁静</a>
                                        <p>电话很久没有响过了，我的QQ也很久没有在线了，消失了很多天，刚刚结识的朋友因为我身上又起了红疹，每天都发来消息询问我的情况，我做到了这么多天来的沉默，我相信，没有网络，我还是可以继续我自己的生活
                                        </p>
                                    </li>
                                    <li>
                                        <i>3</i>
                                        <a href="">遇见一个未知的你</a>
                                        <p>听着那熟悉的歌曲看着那一张张可爱的图片.-读着我们共同欣赏的诗……也许我们曾经相遇,看着你远去的背影 ,沿着你来的方向
                                            ,回忆时间穿梭于幸福的点点滴滴....</p>
                                    </li>
                                    <li>
                                        <i>4</i>
                                        <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的...</a>
                                        <p>不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了
                                        </p>
                                    </li>
                                    <li>
                                        <i>5</i>
                                        <a href="">个人博客，属于我的小世界！</a>
                                        <p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活工作中的小情小事，也会放上一些照片，音乐。每天工作回家后就能访问自己的网站，一边听着音乐，一边写写文章。
                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="recom">
                    <h2>
                        特别推荐
                        <i></i>
                        <span>
                            <a href="">帝国cms</a>
                            /
                            <a href="">个人博客</a>
                            /
                            <a href="">网站制作</a>
                            /
                            <a href="">网站开发</a>
                        </span>
                    </h2>
                    <ul class="clearfix">
                        <li>
                            <i>
                                <a href=""><img src="images/56c49531df63eec5ccc3840e68f3ac21.png" alt=""></a>
                            </i>
                            <b>【个人博客空间申请】金牛云服，免费领空间啦</b>
                            <span>
                                还在愁域名购买了，如何选择主机或者服务器吗？其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                        <li>
                            <i>
                                <a href=""><img src="images/e3d39beb4e61d8545d6fbda2dc7a4b71.png" alt=""></a>

                            </i>
                            <b>双十一，阿里云特惠活动，快来领券啦</b>
                            <span>
                                一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                        <li>
                            <i>
                                <a href=""><img src="images/372b79556c82ac59a8c46eda53f177c4.jpg" alt=""></a>

                            </i>
                            <b>第二届 优秀个人博客模板比赛参选活动</b>
                            <span>
                                只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                        <li>
                            <i>
                                <a href=""><img src="images/h1.jpg" alt=""></a>

                            </i>
                            <b>为什么说10月24日是程序员的节日？</b>
                            <span>
                                创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий
                                Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                        <li>
                            <i>
                                <a href=""><img src="images/h2.jpg" alt=""></a>

                            </i>
                            <b>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</b>
                            <span>
                                不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。大多数人在没有
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                        <li>
                            <i>
                                <a href=""><img src="images/ae167e7d81612318949460aad1143e0d.jpg" alt=""></a>

                            </i>
                            <b>即便是坑，我也想要拉你入伙！</b>
                            <span>
                                对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！
                            </span>
                            <a href="" class="text">+文章阅读</a>
                        </li>
                    </ul>
                </div>
                <div class="link">
                    <h2>
                        最新博文
                        <i></i>
                    </h2>
                    <ul id="app">
                        <li class="clearfix">
                            <h3 class="title">
                                <span>【顶】</span>
                                <a href="">作为一个前端开发工作者,如果遭到质疑你是否能恪守自己的原则?</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/75842f4d1e18d692a66c38eb172a40ab.jpg" alt=""></a>
                                <i><a href="">设计心得</a></i>
                            </span>
                            <p class="texts">就拿我自己来说吧，有时候会很矛盾，设计好的作品，不把它分享出来，会觉得待在自己电脑里面实在是没有意义。干脆就发布出去吧。我也害怕收到大家不好的评论，有些评论，可能说者无意，但是对于每一个用心的站长来说，都会受很深</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">设计心得</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <span>【顶】</span>
                                <a href="">十条设计原则教你学会如何设计网页布局!</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/718b56be9dbf920cc0a6124545216654.jpg" alt=""></a>
                                <i><a href="">CSS3|Html5</a></i>
                            </span>
                            <p class="texts">网页常见的布局有很多种,单列布局,多列布局.其中单列布局是国外很多网站比较常用的.咱们很多站长以及门户网站都使用的是是两列布局,很少用三列布局的.下面我来分享下我们常用的网页布局格式以及设计技巧</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">CSS3|Html5</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <span>【顶】</span>
                                <a href="">安静地做一个爱创新的女子!</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/b02.jpg" alt=""></a>
                                <i><a href="">个人博客日记</a></i>
                            </span>
                            <p class="texts">自从入了这行，很多人跟我说可以做网络教程，我也有考虑，但最终没有实现，因为我觉得在这个教程泛滥的时代，直接做一套免费的原创个人博客模板更为实在。每当看到自己喜欢的配色图片</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">个人博客日记</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <span>【顶】</span>
                                <a href="">Come on,行动起来吧!我们和时间来一场赛跑!</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/b03.jpg" alt=""></a>
                                <i><a href="">设计心得</a></i>
                            </span>
                            <p class="texts">“时间过得那么飞快,使我的小心眼儿里不只是着急,还有悲伤.有一天,我放学回家,看到太阳快落山了,就下决心说:”我要比太阳更快地回家.“我狂奔回去,站在庭院前喘气的时候,看到太阳还露着半边脸,我高兴地跳跃起来”</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">设计心得</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">【个人博客空间申请】金牛云服，免费领空间啦</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/56c49531df63eec5ccc3840e68f3ac21.png" alt=""></a>
                                <i><a href="">网站公告</a></i>
                            </span>
                            <p class="texts">还在愁域名购买了，如何选择主机或者服务器吗？其实选择主机或者服务器有几个重要的选项，比如，线路，CPU，内存，带宽，网页空间，数据库，月流量等等。那什么是主机，什么是服务器，他们的区别</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站公告</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">双十一，阿里云特惠活动，快来领券啦</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/e3d39beb4e61d8545d6fbda2dc7a4b71.png" alt=""></a>
                                <i><a href="">网站公告</a></i>
                            </span>
                            <p class="texts">一折的产品，有没有看错，咱来看看，到底是哪些一折，想买空间吗？算了吧，服务器的价钱都比空间便宜呢，那肯定买服务器啊，咱来看看阿里云一折的服务器哪些好</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站公告</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">第二届 优秀个人博客模板比赛参选活动</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/372b79556c82ac59a8c46eda53f177c4.jpg" alt=""></a>
                                <i><a href="">网站公告</a></i>
                            </span>
                            <p class="texts">只要你是在校大学生，不管你是新生，还是即将毕业，不管你是前端菜鸟，还是前端大神，只要你会html，这里将会是你展示才能的大平台。</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站公告</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">为什么说10月24日是程序员的节日？</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/h1.jpg" alt=""></a>
                                <i><a href="">网站公告</a></i>
                            </span>
                            <p class="texts">创立“程序员节”最早是来自俄文《计算机世界》（《Компьютерра》）出版社的主编德米特里·门德列留科（Дмитрий Мендрелюк）在1996年7月15日的想法，当时计划将节日命名为“计算机用户节”，定在每年9月份的第一个星期五，称之为“纯净的星期五</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站公告</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/h2.jpg" alt=""></a>
                                <i><a href="">网站公告</a></i>
                            </span>
                            <p class="texts">不管你是学前端的还是后端的，作为一个程序员，做一个自己的博客，那是必然的。咱们的圈子就这么大，想让更多的人了解你，看看你的技术多牛逼，扔一个博客地址就行了。</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站公告</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">即便是坑，我也想要拉你入伙！</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/ae167e7d81612318949460aad1143e0d.jpg" alt=""></a>
                                <i><a href="">设计心得</a></i>
                            </span>
                            <p class="texts">对于刚毕业的学生来说，想学习建网站，掌握一技之长，最简单的入门无非就是学会html和css，先前发表过一篇文章《如果要学习web前端开发，需要学习什么？》，如果你还不知道如何着手，请仔细阅读....7天的时间，入门是没有问题的，当然，如果你用心的话！</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">设计心得</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">我是怎么评价自己的？</a>
                            </h3>
                            <span class="lister">
                                <a href=""><img src="images/95d1b1577a8a7aa4fe3893f2502617e9.jpg" alt=""></a>
                                <i><a href="">设计心得</a></i>
                            </span>
                            <p class="texts">为了挨打轻一些，问我哪里来的，我瞎说了一个说那个谁家的，结果，打得更凶。最后事情还原了真相，我妈说，你要说说奶奶家的，都不会打你了。从此以后，我知道撒谎是会付出更惨痛的代价的，我不再撒谎，也不喜欢爱撒谎的人。</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">设计心得</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                        <li class="clearfix">
                            <h3 class="title">
                                <a href="">【个人博客网站制作】自己不会个人博客网站制作，你会选择用什么博客程序源码？</a>
                            </h3>
                            <p class="texts">这些开源的博客程序源码，都是经过很多次版本测试的，都有固定的使用人群。我所知道的主流的博客程序有，Z-blog，Emlog，WordPress，Typecho等，免费的cms系统有，织梦cms（dedecms），phpcms，帝国cms（EmpireCMS）等。</p>
                            <p class="experience">
                                <i>
                                    <a href="" class="acr"><img src="images/avatar.jpg" alt=""></a>
                                    <a href="" class="acd"><img src="images/v.png" alt=""></a>
                                </i>
                                <span class="time">2019-08-25</span>
                                <span class="exper">
                                    【
                                    <a href="">网站建设</a>
                                    】
                                </span>
                            </p>
                            <a href="" class="more">阅读更多</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="right">
                <div class="card">
                    <h2>我的名片</h2>
                    <p>姓名：张晓倩</p>
                    <p>职业：1804班学生</p>
                    <p>现居：河北省-邯郸市-馆陶县</p>
                    <p>Email：2373597092@qq.com</p>
                    <ul class="clearfix">
                        <li><a href=""><i class="fa fa-weibo"></i></a></li>
                        <li class="email"><a href=""><i class="fa fa-envelope-o"></i></a></li>
                        <li><a href=""><i class="fa fa-qq"></i></a></li>
                        <li class="weixin">
                            <a href=""><i class="fa fa-weixin"></i></a>
                            <div class="am">
                                <img src="images/wx.png" alt="">
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="writer">
                    <h2>
                        最近更新
                        <i></i>
                    </h2>
                    <ul>
                        <li><a href="">【个人博客空间申请】金牛云服，免费领空间啦</a></li>
                        <li><a href="">双十一，阿里云特惠活动，快来领券啦</a></li>
                        <li><a href="">第二届 优秀个人博客模板比赛参选活动</a></li>
                        <li><a href="">为什么说10月24日是程序员的节日？</a></li>
                    </ul>
                </div>
                <div class="ranck">
                    <h2>
                        点击排行
                        <i></i>
                    </h2>
                    <div class="img">
                        <a href="">
                            <img src="images/b02.jpg" alt="">
                            <span>安静地做一个爱创新的女子</span>
                        </a>
                    </div>
                    <ul>
                        <li>
                            <i class="sec">1</i>
                            <a href="">十条设计原则教你学会如何设计网页布局!</a>
                        </li>
                        <li>
                            <i class="sec">2</i>
                            <a href="">作为一个前端开发者,如果遭到质疑你是否能恪守自己的原则?!</a>
                        </li>
                        <li>
                            <i class="sec">3</i>
                            <a href="">Come on,行动起来吧!我们和时间来一场赛跑!!</a>
                        </li>
                        <li class="ser">
                            <i>4</i>
                            <a href="">为什么说10月24日是程序员的节日？!</a>
                        </li>
                        <li class="ser">
                            <i>5</i>
                            <a href="">个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。!</a>
                        </li>
                        <li class="ser">
                            <i>6</i>
                            <a href="">【个人博客空间申请】金牛云服，免费领空间啦!</a>
                        </li>
                        <li class="ser">
                            <i>7</i>
                            <a href="">如何快速建立自己的个人博客网站</a>
                        </li>
                    </ul>
                </div>
                <div class="recommend">
                    <h2>
                        站长推荐
                        <i></i>
                    </h2>
                    <div class="img">
                        <a href="">
                            <img src="images/75842f4d1e18d692a66c38eb172a40ab.jpg" alt="">
                            <span>作为一个前端开发者,如果遭到质疑你是否能恪守自己的原则?</span>
                        </a>
                    </div>
                    <ul>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/718b56be9dbf920cc0a6124545216654.jpg" alt=""></i>
                                <p>十条设计原则教你学会如何设计网页布局!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/56c49531df63eec5ccc3840e68f3ac21.png" alt=""></i>
                                <p>【个人博客空间申请】金牛云服，免费领空间啦!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/e3d39beb4e61d8545d6fbda2dc7a4b71.png" alt=""></i>
                                <p>双十一，阿里云特惠活动，快来领券啦!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/372b79556c82ac59a8c46eda53f177c4.jpg" alt=""></i>
                                <p>第二届 优秀个人博客模板比赛参选活动!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/h1.jpg" alt=""></i>
                                <p>为什么说10月24日是程序员的节日？!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/h2.jpg" alt=""></i>
                                <p>个人网站做好了，百度不收录怎么办？来，看看他们怎么做的。!</p>
                            </a>
                        </li>
                        <li>
                            <a href="" class="clearfix">
                                <i><img src="images/ae167e7d81612318949460aad1143e0d.jpg" alt=""></i>
                                <p>即便是坑，我也想要拉你入伙！!</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="like">
                    <h2>
                        猜你喜欢
                        <i></i>
                    </h2>
                    <ul>
                        <li><a href="">安静地做一个爱创新的女子</a></li>
                        <li><a href="">十条设计原则教你学会如何设计网页布局!</a></li>
                        <li><a href="">Come on,行动起来吧!我们和时间来一场赛跑!</a></li>
                        <li><a href="">作为一个前端开发者,如果遭到质疑你是否能恪守自己的原则?</a></li>
                        <li><a href="">CSS3 Maker 在线生成代码</a></li>
                        <li><a href="">个人博客用帝国cms 自定义页面 灵动标签调用网站所有信息</a></li>
                        <li><a href="">即便是坑，我也想要拉你入伙！</a></li>
                        <li><a href="">遇见一个未知的你</a></li>
                        <li><a href="">【个人博客空间申请】金牛云服，免费领空间啦</a></li>
                        <li><a href="">建站流程篇——教你如何快速学会做网站</a></li>
                    </ul>
                </div>
                <div class="information">
                    <h2>
                        站点信息
                        <i></i>
                    </h2>
                    <ul>
                        <li>
                            <span>建站时间</span>
                            ：2019-8-25
                        </li>
                        <li>
                            <span>网站程序</span>
                            ：帝国CMS7.5
                        </li>
                        <li>
                            <span>主题模板</span>
                            :
                            <a href="">《今夕何夕》</a>
                        </li>
                        <li>
                            <span>文章统计</span>
                            ：
                            <a href="">31</a>
                            篇文章
                        </li>
                        <li>
                            <span>标签管理</span>
                            ：
                            <a href="">标签云</a>
                        </li>
                        <li>
                            <span>统计数据</span>
                            ：
                            <a href="">百度统计</a>
                        </li>
                        <li>
                            <span>微信公众号</span>
                            ：扫描二维码，关注我们
                        </li>
                        <li class="btn">
                            <a href=""><img src="images/wx.png" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </main>

    <footer>
        <div class="container clearfix">
            <div class="left">
                <ul class="clearfix">
                    <li>
                        <a href=""><img src="images/wx.png" alt=""></a>
                        <span>我的微信</span>
                    </li>
                </ul>
            </div>
            <div class="right">
                <p>站点声明：</p>
                <p>所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。举报邮箱：<a href="">2373597092@qq.com</p>
                <p>
                    Copyright ©
                    <a href="">http://zxq1234.gitee.io/gerenboke/</a>
                    All Rights Reserved. 备案号：
                    <a href="">蜀ICP备11002373号-1</a>
                </p>
            </div>
        </div>
    </footer>
    <div id="toTop"><i class="fa fa-angle-up"></i></div>

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
</body>

</html>